<template>
  <div>
    
    <oldCom :yue="money" @chongzhi="cz" />
    <!-- 我们在组件中可以使用v-model来传递数据，这个数据在子组件中既可以使用也可以进行修改 -->
    <newCom v-model="money"  />
    <!-- 如果有多个数据都想传递给子组件，子组件可以进行修改，那么一个v-model就不够用了
    因为一个子组件只能有一个v-model，我们可以使用.sync来传递多个需要双向绑定的数据 -->
    <newCom v-model="money" :gender.sync="sex" />
  </div>
</template>

<script>
import oldCom from '@/components/oldCom.vue'
import newCom from '@/components/newCom.vue'
export default {
  data(){
    return {
      money:998,
      sex:'女'
    }
  },
  components:{
    oldCom,
    newCom
  },
  methods:{
    cz(m){
      // console.log(m)
      this.money += m
    }
  }
};
</script>

<style scoped>

</style>
